<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>逛好店</title>
<style>
    body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    }
    .store-section {
    background-color: #f3f3f3;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 20px;
    }
    .store-title {
    font-size: 18px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    .store-title:hover .arrow {
    background-color: red;
    border-color: white;
    }
    .arrow {
    border: 1px solid red;
    color: transparent;
    background: url('data:image/svg+xml;utf8,<svg fill="%23000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"/></svg>') no-repeat center / 100%;
    width: 30px;
    height: 30px;
    display: inline-block;
    transition: background-color 0.3s ease;
    }
    .store-content {
    margin-top: 15px;
    }
    .store-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    }
    .store-item:last-child {
    margin-bottom: 0;
    }
    .store-item img {
    width: 100px;
      height: 50px; /* Adjust the height as needed */
    object-fit: cover;
    margin-right: 10px;
    }
    .store-item-info {
    flex-grow: 1;
    }
    .store-item-name {
    font-size: 16px;
    color: #000;
    margin-bottom: 5px;
    }
    .store-item-followers {
    color: #666;
    }
    .store-item-tag {
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 12px;
    color: #333;
    }
</style>
</head>
<body>

<div class="store-section">
<div class="store-title">
    逛好店
    <span class="arrow"></span>
</div>
<div class="store-content">
    <div class="store-item">
    <img src="1.jpg" alt="Store Logo"> <!-- Replace with actual image -->
    <div class="store-item-info">
        <div class="store-item-name">贝恩施京东自营官方旗舰店</div>
        <div class="store-item-followers">277.9万人关注</div>
        <div class="store-item-tag">自营</div>
    </div>
    </div>
    <div class="store-item">
    <img src="2.jpg" alt="Store Logo"> <!-- Replace with actual image -->
    <div class="store-item-info">
        <div class="store-item-name">美宝莲京东自营官方旗舰店</div>
        <div class="store-item-followers">192.9万人关注</div>
        <div class="store-item-tag">自营</div>
    </div>
    </div>
    <!-- Add more store items as needed -->
</div>
</div>

</body>
</html>